<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>扣扣注册</title>
	</head>
	<body>
		<div>
			<form>
				<img  src="img/bg_chs.png" width="100%">
				<h1>注册账号</h1>
				<p>昵称：<label><input type="text" name="name" required="[\u4e00-\u9fa5]{4,10}" placeholder="请输入昵称" oninvalid="setCustomValidity('长度为4到10个字符')"
				        oninput="setCustomValidity('')"></label></p>
				<p>密码：<label><input type="password" name="password" required pattern="^[a-zA-Z0-9]\w{5,15}$" placeholder="请输入密码" 
				        oninvalid="setCustomValidity('长度为6到16个字符')" oninput="setCustomValidity('')"></label></p>		
				<p>确认密码：<label><input type="password" name="password" required pattern="^[a-zA-Z0-9]\w{5,15}$" placeholder="请输入密码" 
				        oninvalid="setCustomValidity('长度为6到16个字符')" oninput="setCustomValidity('')"></label></p>
				<p>邮箱：<label><input type="email" name="email" required placeholder="请输入邮箱地址" 
				        oninvalid="setCustomValidity('请输入您常用电子邮箱地址')" oninput="setCustomValidity('')"></label></p>		
						<p>年龄：<label><input type="number" name="age" required placeholder="请输入年龄"></label></p>
						
				<input type="image" src="img/btn.bmp" id="register"/>
			</form>
		</div>
	</body>
</html>
